/* Dark mode colors. */
:root {
    --sl-color-accent-low: #002a2e;
    --sl-color-accent: #007882;
    --sl-color-accent-high: #80d9e3;
    --sl-color-white: #ffffff;
    --sl-color-gray-1: #eeeeee;
    --sl-color-gray-2: #c2c2c2;
    --sl-color-gray-3: #8b8b8b;
    --sl-color-gray-4: #585858;
    --sl-color-gray-5: #383838;
    --sl-color-gray-6: #272727;
    --sl-color-black: #181818;
}
/*!* Light mode colors. *!*/
/*:root[data-theme='light'] {*/
/*    --sl-color-accent-low: #a4e4eb;*/
/*    --sl-color-accent: #00727c;*/
/*    --sl-color-accent-high: #003a3f;*/
/*    --sl-color-white: #181818;*/
/*    --sl-color-gray-1: #272727;*/
/*    --sl-color-gray-2: #383838;*/
/*    --sl-color-gray-3: #585858;*/
/*    --sl-color-gray-4: #8b8b8b;*/
/*    --sl-color-gray-5: #c2c2c2;*/
/*    --sl-color-gray-6: #eeeeee;*/
/*    --sl-color-gray-7: #f6f6f6;*/
/*    --sl-color-black: #ffffff;*/
/*}*/

/*!* Dark mode colors. *!*/
/*:root {*/
/*    --sl-color-accent-low: #00273d;*/
/*    --sl-color-accent: #0071a7;*/
/*    --sl-color-accent-high: #92d1fe;*/
/*    --sl-color-white: #ffffff;*/
/*    --sl-color-gray-1: #e7eff2;*/
/*    --sl-color-gray-2: #bac4c8;*/
/*    --sl-color-gray-3: #7b8f96;*/
/*    --sl-color-gray-4: #495c62;*/
/*    --sl-color-gray-5: #2a3b41;*/
/*    --sl-color-gray-6: #182a2f;*/
/*    --sl-color-black: #121a1c;*/
/*}*/
/* Light mode colors. */
:root[data-theme='light'] {
    --sl-color-accent-low: #b0deff;
    --sl-color-accent: #0073aa;
    --sl-color-accent-high: #003653;
    --sl-color-white: #121a1c;
    --sl-color-gray-1: #182a2f;
    --sl-color-gray-2: #2a3b41;
    --sl-color-gray-3: #495c62;
    --sl-color-gray-4: #7b8f96;
    --sl-color-gray-5: #bac4c8;
    --sl-color-gray-6: #e7eff2;
    --sl-color-gray-7: #f3f7f9;
    --sl-color-black: #ffffff;
}